<!-- 采用html5  -->
<!DOCTYPE html>
<html>

<head>


    <meta charset="UTF-8">

    <!-- 页面显示适应移动设备 -->
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
    <title>我的APP</title>

    <link rel="stylesheet" href="resources\we-vue\style.css">
    <link rel="stylesheet" href="resources\css\font-awesome.min.css">

    <style>
        /*元素选择器*/

        html {
            height: 100%;
        }

        body {
            height: 100%;
            padding: 0px;
            /*内边距*/
            margin: 0px;
            /*外边距*/
        }

        .my-container {
            position: relative;
            width: 100%;
            height: 100%;
            background-color: #f0f0f0;
        }
    </style>

<style>[_nghost-c6] {
    display: block;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }</style>
<style>.container[_ngcontent-c0]{margin-top:20px}.container[_ngcontent-c0]   .row.main[_ngcontent-c0]{min-height:650px}.container[_ngcontent-c0]   app-metric-form[_ngcontent-c0]{float:right;width:200px}.container[_ngcontent-c0]   form.row[_ngcontent-c0] > div[_ngcontent-c0]:not(.col-select-parameters){padding-left:25px;padding-right:25px}.container[_ngcontent-c0]   .col-sidebar[_ngcontent-c0]{border:1px solid #ccc;border-top:14px solid #000}.container[_ngcontent-c0]   .col-select-parameters[_ngcontent-c0]{padding:0;position:relative;min-width:290px}.container[_ngcontent-c0]   .col-parameters[_ngcontent-c0]{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding-top:14px}.container[_ngcontent-c0]   h1[_ngcontent-c0]{font-size:1.6rem}.container[_ngcontent-c0]   h2[_ngcontent-c0]{font-size:1.4rem;padding:16px 0}.container[_ngcontent-c0]   h3[_ngcontent-c0]{font-size:1.3rem;padding:16px 0}.container[_ngcontent-c0]   footer[_ngcontent-c0]{margin-top:25px}.container[_ngcontent-c0]   footer[_ngcontent-c0]   p[_ngcontent-c0]{font-size:.7rem}</style>
<style>input[type=radio][_ngcontent-c1]{display:none}</style>
<style>.card-header[_ngcontent-c2]   a[_ngcontent-c2]{color:#292b2c;font-weight:700;font-size:1rem}.card-header[_ngcontent-c2]   label[_ngcontent-c2]{padding:0 0 0 .5rem}.card-header[_ngcontent-c2]   i[_ngcontent-c2]{font-size:.8rem;margin-top:9px}.card-block[_ngcontent-c2]{padding:1rem 1.25rem}.card-block[_ngcontent-c2]   label[_ngcontent-c2]{margin:3px 15px}h3[_ngcontent-c2]{font-size:1.3rem;padding:16px 15px}.toolbar-wrapper[_ngcontent-c2]{position:absolute;bottom:0;padding:20px 25px;border-top:1px solid #ccc;width:100%;text-align:center}.full-dump-wrapper[_ngcontent-c2]{margin-top:9px}.full-dump-wrapper[_ngcontent-c2]   a[_ngcontent-c2]{text-decoration:underline}</style>
<style>fieldset[_ngcontent-c3]   legend[_ngcontent-c3]{font-size:1rem;font-weight:700}h2[_ngcontent-c3]{font-size:1.4rem}.slide-steps[_ngcontent-c3]{position:relative;height:20px;font-size:.7rem}.slide-steps[_ngcontent-c3]   span.step[_ngcontent-c3]{position:absolute;text-align:center;width:80px;height:30px;margin-left:-40px;line-height:.9rem;top:-10px;display:table}.slide-steps[_ngcontent-c3]   span.step[_ngcontent-c3]   span.step-label[_ngcontent-c3]{display:table-cell;vertical-align:middle}.slide-steps[_ngcontent-c3]   span.step-bar[_ngcontent-c3]{top:14px}.form-slide[_ngcontent-c3]{margin-left:17px;margin-right:17px}</style>
<style>h3[_ngcontent-c4]{font-size:1.3rem;padding:16px 0}dd[_ngcontent-c4]{font-size:.9rem}p.helper-text[_ngcontent-c4]{font-size:.7rem}</style>

</head>


<body>

    <div id="app" lass="my-container">
           
        <div style="height:500px;border:1px solid rgb(38, 0, 255);overflow: auto;  ">
            <div style="font-size:20px;height:200px;border:1px solid red;" v-for="dep in deps" >{{dep.d_id}} {{dep.d_name}} {{dep.d_remark}}</div>
        </div>

     

</body>

<script src="resources\js\vue.min.js"></script>
<script src="resources\js\jquery.min.js"></script>
<script src="resources\we-vue\index.js"></script>
<script src="resources\layer_mobile\layer.js"></script>
<script src="resources\js\my.js"></script>

<script>

    new Vue({
        el: '#app',
        data: {
          deps:[],
        },
        methods: {
        
        },
        mounted(){
            Serv.loadData({url:'/text.jsp'},(data)=>{
            this.deps=data;
            console.log(this.deps);
            })
        }
    });


</script>


</html>